<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>my title</title>
		<style type="text/css">
			#head1{
                width:100% ;height:50px ;background:rgb(253, 252, 252);
            }
            #head2{
                width: 100%;height:30px ;background:rgb(33, 96, 233);
            }
            #head3{
                width: 100%;height:30px;background:rgb(253, 252, 252);
            }
            #head4{
                width: 100%;height:120px ;background:rgb(33, 96, 233);
            }
            #head4 #h-left{
                width: 40%;height:100px ;background:rgb(253, 252, 252);margin-left: 150px;
                position:relative;top: 10px;
            }
            #cnt1{
                width: 65%;height:220px ;background:rgb(214, 210, 210);margin: 0px auto;
            }
            #cnt1 #cnt1-1{
                width: 45%;height:200px ;background:rgb(248, 242, 242);margin-left: 20px;float: left;
                position:relative;top: 10px;
            }
            #cnt1 #cnt1-2{
                width: 45%;height:200px ;background:rgb(248, 242, 242);margin-right: 20px;float: right;
                position:relative;top: 10px;
            }
            #cnt2{
                width: 65%;height:500px ;background:rgb(214, 210, 210);margin: 0px auto;
                position:relative;top: 10px;
            }
            #cnt2 #cnt2-1{
                width: 30%;height: 480px;background:rgb(248, 242, 242);margin-left: 20px;
                position:relative;top: 10px;float: left;
            }
            #cnt2 #cnt2-2{
                width: 62%;height: 110px;background:rgb(248, 242, 242);margin-left:20px;float: left;
                position:relative;top: 11px;
            }
            #cnt2 #cnt2-3{
                width: 62%;height: 110px;background:rgb(248, 242, 242);margin-left:20px;float: left;
                position:relative;top: 22px;
            }
            #cnt2 #cnt2-4{
                width: 62%;height: 110px;background:rgb(248, 242, 242);margin-left:20px;float: left;
                position:relative;top: 33px;
            }
            #cnt2 #cnt2-5{
                width: 62%;height: 110px;background:rgb(248, 242, 242);margin-left:20px;float: left;
                position:relative;top: 44px;
            }
            #bottom{
                width: 100%;height: 300px;background:rgb(33, 96, 233);
                position:relative;top: 20px;
            }
        </style>
	</head>
	<body>
        <div id="head1"><h1 align="center">携程旅行</h1></div>
        <div id="head2"></div>
        <div id="head3"></div>
		<div id="head4">
            <div id="h-left"></div>
        </div>
        <div id="cnt1">
            <div id="cnt1-1"></div>
            <div id="cnt1-2"></div>
        </div>
        <div id="cnt2">
            <div id="cnt2-1"></div>
            <div id="cnt2-2"></div>
            <div id="cnt2-3"></div>
            <div id="cnt2-4"></div>
            <div id="cnt2-5"></div>
        </div>
        <div id="bottom"></div>
	</body>
</html>